﻿<div ng-controller="app.views.tenantmanage as vm" ng-init="vm.initDataTable()">

    <!-- BEGIN PAGE BREADCRUMB -->
    <ul class="page-breadcrumb breadcrumb">
        <li>
            <a href="#/">@L("HomePage")</a><i class="fa fa-circle"></i>
        </li>
        <li>
            <a href="#">@L("SystemManage")</a><i class="fa fa-circle"></i>
        </li>
        <li class="active">
            @L("TenantManage")
        </li>
    </ul>
    <!-- END PAGE BREADCRUMB -->
    <!-- BEGIN MAIN CONTENT -->
    <div class="row">
        <div class="col-md-12">

            <!-- Begin: life time stats -->
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption font-green-sharp">
                        <i class="icon-settings font-green-sharp"></i>
                        <span class="caption-subject bold uppercase">@L("TenantManage")</span>
                    </div>
                    <div class="actions">
                        <a ng-hide="session.tenant" href="#/TenantManage/Edit/" class="btn default yellow-stripe">
                            <i class="fa fa-plus"></i>
                            <span class="hidden-480">
                                新建租户
                            </span>
                        </a>
                        <div class="btn-group">
                            <a class="btn default yellow-stripe" href="#" data-toggle="dropdown">
                                <i class="fa fa-share"></i>
                                <span class="hidden-480">
                                    工具栏
                                </span>
                                <i class="fa fa-angle-down" ></i>
                            </a>
                            <ul class="dropdown-menu pull-right">
                                <li>
                                    <a href="#">
                                        Export to Excel
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        Export to CSV
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        Export to XML
                                    </a>
                                </li>
                                <li class="divider">
                                </li>
                                <li>
                                    <a href="#">
                                        Print Invoices
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="table-container">
                        <div class="table-actions-wrapper">
                            <span>
                            </span>
                            <select class="table-group-action-input form-control input-inline input-small input-sm">
                                <option value="">Select...</option>
                                <option value="true">启用</option>
                                <option value="false">停用</option>
                            </select>
                            <button class="btn btn-sm yellow table-group-action-submit"><i class="fa fa-check"></i> Submit</button>
                        </div>
                        <table class="table table-striped table-bordered table-hover" id="datatable_ajax">
                            <thead>
                                <tr role="row" class="heading">
                                    <th width="2%">
                                        标志
                                    </th>

                                    <th width="8%">
                                        名称
                                    </th>
                                    <th width="8%">
                                        租户名
                                    </th>
                                    <th width="15%">
                                        创建时间
                                    </th>
                                    <th width="8%">
                                        状态
                                    </th>
                                    <th width="8%">
                                        操作
                                    </th>
                                </tr>
                            </thead>

                        </table>
                    </div>
                </div>
            </div>
            <!-- End: life time stats -->
        </div>
    </div>
    <!-- END MAIN CONTENT -->
</div>

<div class="modal fade" id="basic" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Modal Title</h4>
            </div>
            <div class="modal-body">
                <p>
                    <a href="javascript:;" class="btn blue" id="blockui_sample_3_1_0">
                        Block Whole Modal
                    </a>
                </p>
                <p>
                    <a href="javascript:;" class="btn green" id="blockui_sample_3_1">
                        Block Below Element
                    </a>
                    <a href="javascript:;" class="btn default" id="blockui_sample_3_1_1">
                        Unblock Below Element
                    </a>
                </p>
                <div id="blockui_sample_3_1_element">
                    <p>
                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique.
                    </p>
                    <p>
                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique.
                    </p>
                    <p>
                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique.
                    </p>
                    <p>
                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique.
                    </p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn default" data-dismiss="modal">Close</button>
                <button type="button" class="btn blue">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>